
<!-- saved from url=(0022)https://www.sq688.com/ -->
<html>
<head>
	<!-- 功能分配：
    1.初始登录注册
    2.index页面渲染
    3.index上方的搜索(模糊查询)
    4.index页面上方歌手类型导航
    5.index页点击歌曲链接导航到歌曲详情页
    6.index页点击姓名链接导航到人物详情页

    -->

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<script src="res/push.js"></script>
	<link rel="shortcut icon" type="image/ico" href="https://www.wuzhaoqi.top/web/favicon.ico">
	<meta name="applicable-device" content="pc">
	<meta name="mobile-agent" content="format=html5;url=https://m.sq688.com">
	<link rel="alternate" media="only screen and(max-width: 800px)" href="https://m.sq688.com/">
	<title>网愈云音乐</title>
	<meta name="keywords" content="SQ688,无损音乐免费下载,无损音乐交流,超高无损音乐,WAV,FLAC,APE,DSD">
	<meta name="description" content="超高无损音乐网SQ688.Com收录大量无损音乐免费下载,提供华语男歌手,华语女歌手,华语乐队,专辑合集,欧美歌手等FLAC,WAV,DSD,APE格式无损音乐免费下载">
	<link rel="stylesheet" type="text/css" href="res/main.css">
	<link rel="stylesheet" type="text/css" href="res/font-awesome.css">
	<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.min.js"></script>
	<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.19.2/axios.min.js"></script>
</head>
<body>
<div id="header" class="header">
	<div class="warp">
		<div class="logo">
			<h1>网愈云音乐</h1>
			<p>SQ688.com</p>
		</div>
		<ul class="menu" >
			<li><a href="index.html" class="cur">首页</a></li>
			<li v-show="i<6" v-for="(s,i) in listtype">
				<a  :href=" 'singer.html#' +s.category">{{s.category}}</a>
			</li>
			<li v-show="i==6" v-for="(m,i) in listtype">
				<a  href=" share.html">{{m.category}}</a>
			</li>
			<li v-show="i==7" v-for="(s,i) in listtype">
				<a  href="https://www.sq688.com/yx/ ">{{s.category}}</a>
			</li>
			<li v-show="i==8" v-for="(s,i) in listtype">
				<a  href="https://www.sq688.com/software/ ">{{s.category}}</a>
			</li>
		</ul>
		<div class="users">
			<a href="login.html"><i class="fa fa-sign-in"></i> 登录</a> / 
			<a href="register.html"><i class="fa fa-registered"></i> 注册</a>
		</div>
		<div class="clear"></div>
	</div>
	<div class="search-bar">
		<div class="bar">
			<div class="wrp">
				<input  v-model="info" type="text" id="keyword" placeholder="请输入歌曲名称或者歌手" class="kk">
				<a :href="'Search.html?info='+info" id="btn_search" class="bb">
					<i class="fa fa-search"></i></a>
				<div class="clear"></div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var vv=new  Vue({
		el:".header",
		data:{
			listtype:[],
			info:"",

		},
		created(){
			axios.get("xuanran.s?op=querysingertype").then(res=>{
				this.listtype=res.data;
			});
		}
	});
</script>

<div class="banner">
	<div class="bg"></div>
</div>



<div class="hot">
	<div class="wp">
		<div class="lt">热门歌曲</div>

		<div class="rt">
			<div class="item" v-for="s in list">
				<ul class="lists" >
					<li><a :href=" 'download.html?name='+(s.singer)+'#'+s.name" class="st">{{s.name}}
						<span class="dp">{{s.type}}</span>
						<span class="dp">{{s.size}}</span>
					</a> <a :href="'detail.html#' +s.singer" class="sn">{{s.singer}}</a></li>
				</ul>
			</div>

		</div>
	</div>
</div>


<script type="text/javascript">
	var v=new Vue({
		el:".hot",
		data:{
			list:[],
		},
		created(){
			axios.post("xuanran.s?op=queryzuixing").then(res=>{
				this.list=res.data;
			});
		}
	});


</script>



<!--
<div style="padding-top:20px;background:#fff;">
    <div style="margin:0 auto;width:1164px; max-height:120px;border:1px solid #ebebeb; text-align:center;">
        <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
        <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-9540287485699338" data-ad-slot="9324442362" data-ad-format="auto"
             data-full-width-responsive="true"></ins>
        <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
    </div>
</div>
-->

<div class="context">
	<div class="sq">
		<div v-show="i<6" class="qlist fit" v-for="(s,i) in xh">
			<a :href=" 'singer.html#'+list[i].category " title="华语男歌手">
				<img :src="'res/c'+(i+1)+'.jpg'"></a>
			<ul  v-for="m in s">
				<li><a :href="'download.html?name='+(list[m].singer)+
						'#'+list[m].name" target="_blank" class="stitle">{{list[m].name}}</a>
					<a href="https://www.sq688.com/detail/131.html" target="_blank" class="sname" v-show="i==3">{{list[m].members}} </a>
					<a :href="'detail.html#' +list[m].singer" target="_blank" class="sname" v-show="i!=3">{{list[m].singer}}</a>

				</li>
			</ul>
		</div>

		<div class="qlist" style="margin: 0; width: 573px;">
			<a href="share.html" title="网友分享" class="second">网友分享</a>
			<ul v-for="s in listshare">
				<li><a :href="'share_item.html?name='+s.name+'#'+s.singers"
					   target="_blank" class="stitle">
					{{s.singers}} -《{{s.name}}》</a>
					<div class="share-mem">
						<img class="aat" :src="s.head">
						{{s.member}}
					</div></li>
			</ul>
		</div>
		<div class="clear"></div>
	</div>
</div>
<script type="text/javascript">
	var v=new Vue({
		el:".context",
		data:{
			list:[],
			xh:[[0,1,2,3,4,5,6,7,8,9,10,11],
				[12,13,14,15,16,17,18,19,20,21,22,23],
				[24,25,26,27,28,29,30,31,32,33,34,35],
				[36,37,38,39,40,41,42,43,44,45,46,47],
				[48,49,50,51,52,53,54,55,56,57,58,59],
				[60,61,62,63,64,65,66,67,68,69,70,71],
			],
			listshare:[],
		},
		created(){
			axios.post("xuanran.s?op=queryhuayunan").then(res=>{
				this.list=res.data;
			});
			axios.post("xuanran.s?op=queryshare").then(res=>{
				this.listshare=res.data;
			});
		}
	});
</script>




<div class="links">
	<div class="warp">
		<h2>
			<span>伙伴链接</span>
		</h2>
		<ul>
			<li><a href="https://www.tz380.com/" target="_blank">兔子高清影院</a></li>
		</ul>
		<div class="clear"></div>
	</div>
</div>
<div class="footer">
	<div class="warp">
		Copyright 2015-2018 SQ688.com 超高无损音乐<br>本站所有数据均系网友搜集自互联网后分享,本站服务器不存储任何音乐文件,也无意侵犯您的版权,如若任何人声称是任何音乐的版权所有人,请联系sqshangwu@gmail.com,本站会尽快删除,<br>郑重声明本站旨在无损音乐交流分享,不与任何淘宝店铺或机构合作参与任何形式的获利行为,敬请网友注意谨防受骗! <br> 桂ICP备13001859号-4
		<script type="text/javascript" src="res/z_stat.php"></script>
		<script src="res/core.php" charset="utf-8" type="text/javascript"></script>
		<a href="https://www.cnzz.com/stat/website.php?web_id=1277751974" target="_blank" title="站长统计">站长统计</a> <br> 本站唯一QQ群(892306409)欢迎各大音乐爱好者加入 <a target="_blank" href="https://shang.qq.com/wpa/qunwpa?idkey=40edf9935a8deb7a8eeb6e93853111156fb280203fb799c7d11471aea22304fb"> <img border="0" src="res/group.png" alt="超高无损音乐|SQ688" title="超高无损音乐|SQ688"></a>
	</div>
</div>

<!--页面脚本-->
<script type="text/javascript" src="res/vue.min.js"></script>
<script type="text/javascript" src="res/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="res/clipboard.js"></script>
<div class="xl-chrome-ext-bar" id="xl_chrome_ext_{4DB361DE-01F7-4376-B494-639E489D19ED}" style="display: none;">
	<div class="xl-chrome-ext-bar__logo"></div>
	<a id="xl_chrome_ext_download" href="javascript:;" class="xl-chrome-ext-bar__option">下载视频</a> <a id="xl_chrome_ext_close" href="javascript:;" class="xl-chrome-ext-bar__close"></a>
</div>
</body>
</html>